<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>常见事件</title>
		<script>
			
			//2.加载事件
			window.onload = function(){
				//1.失去焦点
				/*document.getElementById("username").onblur = function(){
					alert("失去焦点了。。。。。");
				}*/
				//绑定鼠标移动到元素之上事件
				/*document.getElementById("username").onmouseover = function(){
					alert("鼠标来了。。。。。");
				}*/
				//绑定鼠标点击事件
				/*document.getElementById("username").onmousedown = function(event){
					//alert("鼠标点我了。。。。。");
					alert(event.button);
				}*/
				//绑定键盘按钮按下事件
				/*document.getElementById("username").onkeydown = function(event){
					//alert("鼠标点我了。。。。。");
					if(event.keyCode == 13){
						alert("提交表单");	
					}
				}*/
				
				//绑定改变事件
				/*document.getElementById("username").onchange = function(event){
					alert("改变了。。。。");
				}
				
				document.getElementById("city").onchange = function(event){
					alert("城市改变了。。。。");
				}*/
				/*document.getElementById("form").onsubmit = function(){
					//校验用户名格式是否正确
					var flag = true;
					
					return flag;
				}*/
				function checkForm(){
					return false;
				}
			}
		</script>
	</head>
	<body>
		<form action="#" id="form" onclick="return checkForm();">
			<input type="text" id="username" name="username"/>
		
			<select id="city">
				<option>--请选择--</option>
				<option>北京</option>
				<option>上海</option>
				<option>西安</option>
			</select>
			<input type="submit" value="提交" />
		</form>
		
		
		
		
		
	</body>
</html>
